body, html {
    margin: 0px;
    height: 100%;
    font-family: 楷体;
}
#body{
    height: 100%;
    font-family: 楷体;
}
/*下面是弹窗div*/
#backDiv{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3;
}
/*下面是弹窗div*/
#backDivM{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3;
}
#contentDiv{
    height: 350px;
    width: 400px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 3;
    display: none;
}
#contentDivM{
    height: 350px;
    width: 400px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 3;
    display: none;
}
#clickDiv{
    height: 400px;
    width: 400px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 3;
    display: none;
}
#clickDiv #clickTopDiv{
    height: 35px;
    width: 400px;
    background-color: #2B88CE;
    display: table;
}
#clickDiv #clickTopDiv #click1{
      margin-left: 14px;
      width: 178px;
      height: 35px;
      float: left;
      display: table-cell;
      vertical-align: middle;
  }
#clickDiv #clickTopDiv #click2{
    width: 178px;
    height: 35px;
    float: left;
    display: table-cell;
    vertical-align: middle;
}
#clickDiv #clickTopDiv #click3{
    width: 30px;
    height: 35px;
    float: left;
    display: table-cell;
    vertical-align: middle;
    /*background:url(gb.png);*/
    /*background-repeat:no-repeat;*/
    /*background-size:50% 50%;*/
    /*-moz-background-size:100% 100%;*/
}
#clickDiv #clickTopDiv #click3 #click3Can{
    margin:10px 10px;
    width: 15px;
    height: 15px;
    background:url(gb.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}
#clickDiv #clickBottomDiv{
    height:70%;
    width: 400px;
    overflow-y:scroll;
    background-color: #EEEEEE;
}
#contentDiv #inTopDiv{
    height: 30px;
    width: 400px;
    text-align: center;
    vertical-align: middle;
    /*display:inline-block*/
    line-height:30px;
    background-color: #2B88CE;
    color: white;
}
#contentDivM #inTopDivM{
    height: 30px;
    width: 400px;
    text-align: center;
    vertical-align: middle;
    /*display:inline-block*/
    line-height:30px;
    background-color: #2B88CE;
    color: white;
}
#contentDiv #inMiddleDivOut{
    height: 320px;
    width: 400px;
    display: table;
    background-color: white;
}
#contentDivM #inMiddleDivOutM{
    height: 260px;
    width: 400px;
    display: table;
    background-color: white;
}
#contentDiv #inMiddle Div{
    height: 320px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
}
#contentDivM #inMiddleM Div{
    height: 260px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
}
#contentDiv #inMiddleDiv #div_2 #div_21{
    height:60px;
    width: 109px;
    float: left;
}
#contentDiv #inMiddleDiv #div_2a #div_2a1{
    height:60px;
    width: 109px;
    float: left;
}
#contentDiv #inMiddleDiv #div_2 #div_22{
    height:60px;
    background:url(tp.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*position:absolute;*/
    width: 60px;
    float: left;
    margin-left: 24px;
}
#contentDiv #inMiddleDiv #div_2a #div_2a2{
    height:60px;
    background:url(apk.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*position:absolute;*/
    width: 60px;
    float: left;
    margin-left: 24px;
}
#contentDiv #inMiddleDiv #div_2 #div_22 #prodPic{
    height:60px;
    width: 60px;
    /*font-size: 300px;*/
    position:relative;
    right:0;
    top:0;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor:pointer;
    float: left;
}
#contentDiv #inMiddleDiv #div_2a #div_2a2 #prodPica{
    height:60px;
    width: 60px;
    /*font-size: 300px;*/
    position:relative;
    right:0;
    top:0;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor:pointer;
    float: left;
}
#contentDiv #inMiddleDiv #div_1{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_2a{
    margin-left:20px;
    width: 100%;
    height:70px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_2{
    margin-left:20px;
    width: 100%;
    height:70px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_3{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_3_5{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_4{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 60px;
}
/*#contentDiv #inMiddleDiv div{*/
/*width: 100%;*/
/*height:60px;*/
/*line-height: 60px;*/
/*}*/
#contentDiv #inBottomDiv{
    height: 80px;
    width: 400px;
    background-color:white;
}
#contentDiv  #bottomLeft{
    margin-top: 30px;
    margin-left:50px;
    float: left;
}
#bottomLeft input{
    width:100px;
    height:30px;
    background-color: #A0A0A0;
}
#contentDiv  #bottomRight{
    margin-top: 30px;
    margin-right:50px;
    float: right;
}
#bottomRight input{
    width:100px;
    height:30px ;
    background-color: #2B88CE;
}
/*下面是正常的div*/
#pageDiv{
    height: 100%;
}
#header {
    width: 100%;
    height: 6%;
    background: #2684CC;
    font-weight: bold;
    font-family:"微软雅黑";
    display:table
}
#header #logoDiv{
    width: 8%;
    display: table-cell;
    vertical-align: middle;
}
#header  #logo{
    /*width: 100%;*/
    /*margin-left: 68px;*/
    margin-left: 30%;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 45px;
    height: 45px;
    background:url(logo2.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}
#header #headerTitle{
    /*width: 364px;*/
    width: 20%;
    display:table-cell;
    vertical-align: middle;
}
#header #title{
    font-size: 20px;
    float: left;
    margin-left: -10px;
    color: white;
    font-family: 楷体;
}
#header #user{
    /*float: right;*/
    width: 67%;
    /*height: 60px;*/
    /*margin-right: 58px;*/
    display: table-cell;
    vertical-align: middle;
    color: white;
    /*text-align: right;*/
}

#header #userSpan{
    /*float: right;*/
    margin-right: 20px;
    font-size: 14px;
    float: right;
    color: white;
    background-color:#2684CC;
    font-family: 楷体;
}
#header #userSpan input{
    /*float: right;*/
    /*margin-right: 100px;*/
    /*font-size: 10px;*/
    /*float: right;*/
    color: white;
    background-color:#2684CC;
    border: none;
    font-size: 14px;
    margin-right: 5px;
    font-family: 楷体;
}
#middle{
    width: 100%;
    height: 88.3%;
}
#middle #adv{
    background-color:#2684CC;
    color: white;
}
#middle #advTab{
    color: black;
    font-size: 14px;
    margin-top: 10px;
}
#middle #advBanner{
    color: black;
    font-size: 14px;
    margin-top: 10px;
}
#middle #advDesk{
    color: black;
    font-size: 14px;
    margin-top: 10px;
}
#middle #systemM{
    background-color:#2684CC;
    color: white;
}
#middle #updateM{
    color: black;
    font-size: 14px;
    margin-top: 10px;
}
.left {
    width: 8%;    /*这里是百分比或者像素值，对应下面的center就是百分比或者像素值*/
    height: 100%;
    background: #F0F0F0;
    float: left;
}
.left #leftUl{
    list-style-type: none;
    margin-left: -40px;
    text-align: center;
    margin-top: 0px;
    border-top:2px solid #F5731C;
    line-height: 30px;
}
.left #leftU2{
    list-style-type: none;
    margin-left: -40px;
    /*margin-top: 12px;*/
    text-align: center;
    /*margin-top: 0px;*/
    /*border-top:2px solid #F5731C;*/
    line-height: 30px;
}
.centerTop {
    width: 92%;  /*这里是百分比或者像素值，对应下面的center就是百分比或者像素值*/
    height: 5%;
    background: white;
    float: left;
    display: table
}
.centerTop .centerTopButton{
    /*display: table-cell;*/
    vertical-align: middle;
    display: none;
}

.centerTop #newAdv{
    border-radius:8px;
    height: 35px;
    width: 105px;
    background-color: #F5731C;
    color: white;
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 楷体;
}
.centerTop #newAdvM{
    border-radius:8px;
    height: 35px;
    width: 105px;
    background-color: #F5731C;
    color: white;
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 楷体;
}
/*#newAdv{*/
    /*display: none;*/
/*}*/
#table_id{
    display: none;
}
.center {
    width: 92%;
    height: 93%;
    background:white;
    float: left;
}
.centerTable{
    margin-left: 25px;
    /*border-top:4px solid #3A95DB*/
    margin-right: 25px;
}
.centerTable thead{
    /*margin-left: 25px;*/
    border-top:4px solid #3A95DB;
    background-color: #EFF2F7;
}
.firstTable{
    width:100%;height:90%;overflow: hidden;table-layout: fixed;
}
.firstTable thead{

}
.firstTable tr{
    /*background-color: #EFF2F7;*/
    /*border-top:4px solid #3A95DB;*/
}

.firstTable td{
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;
}

.firstTable th{
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;
}

#footer {
    background:#2684CC;
    width: 100%;
    height: 5%;
    /*margin: 500px auto 0 auto;*/
    color: white;
    font-size: 8px;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
    text-align:center;
    font-style:italic;
}
/*many*/
#contentDivM #inMiddleDivOutM{
    height: 300px;
    width: 400px;
    display: table;
    background-color: white;
}
#contentDivM #inMiddleM Div{
    height: 300px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
}
#contentDivM #inMiddleDivM #div_2M #div_21M{
    height:60px;
    width: 109px;
    float: left;
}
#contentDivM #inMiddleDivM #div_2aM #div_2a1M{
    height:60px;
    width: 109px;
    float: left;
}
#contentDivM #inMiddleDivM #div_2M #div_22M{
    height:60px;
    background:url(tp.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*position:absolute;*/
    width: 60px;
    float: left;
}
#contentDivM #inMiddleDivM #div_2aM #div_2a2M{
    height:60px;
    background:url(apk.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    /*position:absolute;*/
    width: 60px;
    float: left;
    margin-left: 9px;
}
#contentDivM #inMiddleDivM #div_2M #div_22M #prodPicM{
    height:60px;
    width: 60px;
    /*font-size: 300px;*/
    position:relative;
    right:0;
    top:0;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor:pointer;
    float: left;
}
#contentDivM #inMiddleDivM #div_2aM #div_2a2M #prodPicaM{
    height:60px;
    width: 60px;
    /*font-size: 300px;*/
    position:relative;
    right:0;
    top:0;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor:pointer;
    float: left;
}
#contentDivM #inMiddleDivM #div_1M{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 60px;
}
#contentDivM #inMiddleDivM #div_2aM{
    margin-left:20px;
    width: 100%;
    height:70px;
    line-height: 60px;
}
#contentDiv #inMiddleDiv #div_2{
    margin-left:20px;
    width: 100%;
    height:70px;
    line-height: 60px;
}
#contentDivM #inMiddleDivM #div_3M{
    margin-left:20px;
    width: 100%;
    height:60px;
    line-height: 8px;
    margin-left: 139px;
}
#contentDivM #inMiddleDivM #div_3M input{
    width: 240px;
    border: none;
}
#contentDivM #inMiddleDivM #div_4M{
    margin-left:20px;
    width: 100px;
    height:120px;
    line-height: 60px;
}
/*#contentDiv #inMiddleDiv div{*/
/*width: 100%;*/
/*height:60px;*/
/*line-height: 60px;*/
/*}*/
#contentDivM #inBottomDivM{
    height: 80px;
    width: 400px;
    background-color:white;
}
#contentDivM  #bottomLeftM{
    margin-top: 30px;
    margin-left:50px;
    float: left;
}
#bottomLeftM input{
    width:100px;
    height:30px;
    background-color: #A0A0A0;
}
#contentDivM  #bottomRightM{
    margin-top: 30px;
    margin-right:50px;
    float: right;
}
#bottomRightM input{
    width:100px;
    height:30px ;
    background-color: #2B88CE;
}
.suotu{
    /*background:url(apk.png);*/
    width: 46px;
    height: 42px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}